<template>
  <div id="eval">
    <div class="eval_top">
      <p>
        <span>Waiting for System Rescources (Time taken:23.34s)</span>
      </p>
    </div>
    <div class="eval_second">
      <p>Catalong Query</p>
    </div>
    <div class="eval_output">
      <p>Output</p>
    </div>
    <div class="eval_Meta">
      <p>Metadata from</p>
    </div>
    <div class="eval_Down">
      <p>Download list of all URLs in step</p>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
#eval {
  width: 1200px;
  margin-top: 20px;
  margin-left: 40px;
  .eval_top {
  
    height: 30px;
    background-color: #3b465b;
    p {
      height: 30px;
      background: url("@/assets/image/标题栏-5.png") no-repeat;
      span {
        color: #ffff;
        display: inline-block;
        margin-left: 20px;
        margin-top: 3px;
      }
    }
  }
  .eval_second {
    height: 50px;
    background-color: #54a9dd;
    overflow: hidden;
    p {
      color: #ffff;
      margin-left: 20px;
      margin-top: 2%;
    }
  }
  .eval_output {
    height: 50px;
    background-color: #e6e7e8;
    overflow: hidden;
    p {
      margin-left: 20px;
      margin-top: 2%;
    }
  }
  .eval_Meta {
    height: 50px;
    background-color: #f1f2f2;
    overflow: hidden;
    p {
      margin-left: 20px;
      margin-top: 2%;
    }
  }
  .eval_Down{
    width: 300px;
    height: 50px;
    background-color: #1c75bc;
    margin-left: 35%;
    color: white;
    overflow: hidden;
    p{
      margin-left: 10%;
      margin-top: 5%;
    }
  }
  
}
</style>